


.appbox{
  padding:0 0 48px 0;
}

.mine{
  width:100%;
  &-top{
      width:100%;
      height:300px;
      position: relative;
      .info{
          position: absolute;
          top:0;
          left:0;
          width:100%;
          height:100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          .avatar{
              width:70px;
              height:70px;
              border-radius: 50%;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%;
              border:1px solid #fff;
          }
          h3{
              margin-top:15px;
              font-size:20px;
              color:#fff;
          }
      }

      .top-img{
          width:100%;
          height:300px;
      }
  }

  .adm-mask-content{
      width:100% !important;
      .adm-progress-bar-text{
          color:#fff;
      }
  }
}


.classify{
  height:calc(100vh - 48px)
}

.allmask{
  width:100vw;
  height:100vh;
  position: fixed;
  top:0;
  left:0;
  z-index:12000;
  .mask{
      width:100%;
      height:100vh;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      .mask-box{
          width: 100%;
          padding:0 20px;
      }
  }
}
